<template>
	<div id="app">
		<div id="header-container">
			<my-header-vue></my-header-vue>
		</div>
		<div id="body-container">
			<router-view />
		</div>
	</div>
</template>
<script>
	import MyHeaderVue from "./components/header/MyHeader.vue"
	export default {
		name: "App",
		components: {
			MyHeaderVue
		},
	};
</script>

<style lang="less">
	body {
		margin: 0px;
		background-color: aliceblue;
	}

	#header-container {
		width: 100%;
		box-sizing: border-box;
		height: 60px;
	}

	#body-container {
		width: 100%;
		box-sizing: border-box;
		height: calc(100vh - 60px);
		background-color: whitesmoke;
		overflow: auto;
	}
	.w-full{
		width: 100% !important;
	}
</style>